<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../../css/reset-css/reset-css.css" />
	</head>

	<body>
		<!--就业服务-->
		<div class="service">
			<!--背景-->
			<div class="BJ">
				<div class="BJ_X"></div>
				<!--主要部分-->
				<div class="main">
					<!--顶部区域开始-->
					<div class="main_top">
						<div class="logo">
							Logo
						</div>
						<!--标题-->
						<div class="textP">
							<p>在线客服</p>
							<p>你好，这里是就业服务中心，请问有什么可以帮您呢？</p>
						</div>
					</div>
					<!--顶部区域结束-->

					<!--内容区域开始-->
					<div class="contenr">
						<!--左侧区域开始-->
						<div class="main_left">
							<!--聊天区域-->
							<div class="chat">
								<!--介绍区域-->
								<div class="JieShao">
									<img src="img/JieShao.png"/>
								</div>
								<!--消息区域-->
								<div class="news">
									<div class="li" v-for="(item,index) in NewsLi">
										<!--时间-->
										<p>{{item.Tiem}}</p>
										<!--消息-->
										<div class="" :class="{'Text':Judge==true}">{{item.News}}</div>
									</div>
								</div>
							</div>
							<!--功能区域-->
							<div class="function"></div>
							<!--输入内容区域-->
							<form action="" method="post">
								<textarea v-model="News" placeholder="请输入文字或者图片"></textarea>
								<!--按钮-->
								<div class="Btn">
									<a href="#">53KF 提供软件支持</a>
									<input type="button" :disabled="checkstate" class="FS"  @click="sending" value="发送" />
								</div>
							</form>
						</div>
						<!--左侧区域结束-->

						<!--右侧区域开始-->
						<div class="main_right">
							<!--标题-->
							<div class="title">
								关于我们
							</div>
							<!--广告图-->
							<div class="advert">
								<img src="img/advert.jpg"/>
							</div>
							<!--轮播图区域开始-->
							<div class="banner">
								<div id="myCarousel" class="carousel slide">
									<!-- 轮播（Carousel）指标 -->
									<ol class="carousel-indicators">
										<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
										<li data-target="#myCarousel" data-slide-to="1"></li>
									</ol>
									<!-- 轮播（Carousel）项目 -->
									<div class="carousel-inner">
										<div class="item active">
											<div class="Img">
												<img src="img/banner1.png" />
											</div>
										</div>
										<div class="item">
											<div class="Img">
												<img src="img/banner2.png" />
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--轮播图区域结束-->
						</div>
						<!--右侧区域开始-->
					</div>
					<!--内容区域结束-->
				</div>
			</div>
		</div>
	</body>
	<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>

</html>